Skip to content

feat(motion): add Rotate presence motion component #34928

New issue

Have a question about this project? Sign up for a free GitHub account to open an issue and contact its maintainers and the community.

Sign up for GitHub

By clicking “Sign up for GitHub”, you agree to our terms of service and privacy statement. We’ll occasionally send you account related emails.

Already on GitHub? Sign in to your account

Jump to bottom
Merged
merged 25 commits into from
Aug 11, 2025
Merged

feat(motion): add Rotate presence motion component #34928

merged 25 commits into from
Aug 11, 2025

Conversation

robertpenner
Copy link
Collaborator

@robertpenner robertpenner commented Jul 28, 2025 •
edited
Loading

New Behavior

This PR adds a Rotate presence motion component in react-motion-components-preview.

<Rotate visible={visible}>Content</Rotate>

<Rotate visible={visible} axis="x" angle={45}>Content</Rotate>

<Rotate visible={visible} axis="y" angle={90} duration={1000}>Content</Rotate>

// plus parameters for easing, exitAngle, exitDuration and exitEasing

Testing

image

@robertpenner robertpenner self-assigned this Jul 28, 2025
@robertpenner robertpenner added the Package: motion react-motion related changes label Jul 28, 2025
@github-actions GitHub Actions
Copy link

Pull request demo site: URL

@github-actions GitHub Actions
Copy link

github-actions bot commented Jul 28, 2025 •
edited
Loading

📊 Bundle size report

✅ No changes found

@robertpenner robertpenner marked this pull request as ready for review July 28, 2025 19:25
@robertpenner robertpenner requested a review from a team as a code owner July 28, 2025 19:25
@robertpenner
feat(Rotate): update Rotate patterns with new parameters and easing f…
1519a42 
…unctions
@robertpenner
chore(Rotate): yarn change
3f3c487
@robertpenner
chore(Rotate): update .api.md
c305a53
@robertpenner
feat(Rotate): update RotateCommonPatterns to include exit easing and …
eaf9301 
…duration
@robertpenner
test(Rotate): add unit tests
97f4152
@robertpenner
feat(Rotate): rename story
74f7dc8
@robertpenner
feat(Rotate): adjust perspective settings and enhance card wrapper st…
90f3843 
…yling
@robertpenner
docs(Rotate): remove extra shadow from cards
15939c4
@robertpenner
docs(Rotate): adjust card perspective spring easing
2b4e706
@robertpenner
feat(Rotate): enhance design token usage and improve accessibility in…
6c9998e 
… stories
@robertpenner
docs(Rotate): improve layout of animation controls
9b7f4fa
@robertpenner
feat(Rotate): remove background shadows for improved 3D rotation effect
37ee76f
@robertpenner
docs(Rotate): update transition effects and toggle button text for im…
f201884 
…proved interaction
@robertpenner
refactor(Rotate): reorganize type exports and improve import structur…
40663de 
…e for clarity
@robertpenner
refactor(Rotate): remove autoplay functionality and associated contro…
0b82abd 
…ls for cleaner interaction
@robertpenner
refactor(Rotate): replace Card with CompoundButton
6850bab
@robertpenner
refactor(Rotate): update slider label styles and introduce slider hea…
b390132 
…der for improved layout
@robertpenner
chore(Rotate): update .api.md
29437b7
@robertpenner robertpenner requested review from a team as code owners August 11, 2025 11:08
@robertpenner robertpenner enabled auto-merge (squash) August 11, 2025 11:29
@robertpenner robertpenner merged commit 86c9ea9 into microsoft:master Aug 11, 2025
14 of 15 checks passed
@robertpenner robertpenner deleted the feat/rotate branch August 11, 2025 11:46
Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment
Reviewers

@github-actions github-actions[bot] github-actions[bot] left review comments

@layershifter layershifter layershifter approved these changes

Assignees

@robertpenner robertpenner

Labels
Package: motion react-motion related changes
Projects
None yet
Milestone
No milestone
Development

Successfully merging this pull request may close these issues.
2 participants
@robertpenner @layershifter